<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../assets/layui/css/layui.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>
#include("./common/header.html")

<div class="main">
        <!--精品推荐-->
        <div class="main-recom">
            <div class="top">
                <div class="recom-game recom-game-active">精品推荐</div>
                <i class="line"></i>
                <div class="my-play">我玩过的</div>
            </div>
            <div class="play-recom-game play-list clearfix">
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-fy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">风云录之独霸天下</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hd.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">荒岛求生</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hjh.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">画江湖之杯莫停</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-yy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">永远的七日之都</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-fy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">风云录之独霸天下</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hd.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">荒岛求生</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hjh.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">画江湖之杯莫停</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-yy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">永远的七日之都</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-fy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">风云录之独霸天下</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hd.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">荒岛求生</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hjh.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">画江湖之杯莫停</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-yy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">永远的七日之都</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-fy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">风云录之独霸天下</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hd.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">荒岛求生</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hjh.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">画江湖之杯莫停</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-yy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">永远的七日之都</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-fy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">风云录之独霸天下</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hd.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">荒岛求生</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hjh.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">画江湖之杯莫停</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-yy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">永远的七日之都</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-fy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">风云录之独霸天下</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hd.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">荒岛求生</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hjh.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">画江湖之杯莫停</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-yy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">永远的七日之都</a></dd>
                </dl>
            </div>
            <div class="play-my-game play-list clearfix" style="display: none;">
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-hjh.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">画江湖之杯莫停</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-yy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">永远的七日之都</a></dd>
                </dl>
                <dl>
                    <dt><a href="./startGame.html"><img src="../img/recom-fy.png" alt=""></a></dt>
                    <dd><a href="./startGame.html">风云录之独霸天下</a></dd>
                </dl>
            </div>
        </div>
        <!-- 最新游戏 -->
        <div class="main-new clearfix">
            <div class="new-l clearfix">
                <div class="top">
                    <h3 class="new-icon">最新游戏</h3>
                    <div class="play"><a href="#">更多＞</a></div>
                </div>
                <div class="new-game">
                    <div class="play-list clearfix">
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="new-r">
                <div class="top">
                    <h3 class="new-icon">公告</h3>
                    <div class="play"><a href="#">更多＞</a></div>
                </div>
                <div class="notice">
                    <div class="notice-i">
                        <h4 class="title">《梦道》6月4日合服公告</h4>
                        <p>
                            <span class="text">为了活跃游戏气氛，给您提供更好的游戏体验，更多一起战斗的伙伴，更多的挑战，7724《梦道》为了活跃游戏气氛，给您提供更好的游戏体验，更多一起战斗的伙伴，更多的挑战，7724《梦道》</span>
                            <a href="#" class="xq">【详情】</a>
                        </p>
                    </div>
                    <div class="notice-i">
                        <h4 class="title">《梦道》6月4日合服公告</h4>
                        <p>
                            <span class="text">为了活跃游戏气氛，给您提供更好的游戏体验，更多一起战斗的伙伴，更多的挑战，7724《梦道》</span>
                            <a href="#" class="xq">【详情】</a>
                        </p>
                    </div>
                </div>
                <ul class="news">
                    <li><span>新闻</span><a href="#">《骑战三国》6月6日合服公告</a></li>
                    <li><span>新闻</span><a href="#">《梦道》6月14日更新公告</a></li>
                    <li><span>新闻</span><a href="#">《骑战三国》6月6日合服公告</a></li>
                    <li><span>新闻</span><a href="#">《梦道》6月14日更新公告</a></li>
                    <li><span>新闻</span><a href="#">《骑战三国》6月6日合服公告</a></li>
                    <li><span>新闻</span><a href="#">《梦道》6月14日更新公告</a></li>
                    <li><span>新闻</span><a href="#">《骑战三国》6月6日合服公告</a></li>
                    <li><span>新闻</span><a href="#">《梦道》6月14日更新公告</a></li>
                    <li><span>新闻</span><a href="#">《骑战三国》6月6日合服公告</a></li>
                    <li><span>新闻</span><a href="#">《梦道》6月14日更新公告</a></li>
                </ul>
            </div>
        </div>
        <div class="center-img">
            <img src="../img/center-img.png" alt="" class="image">
        </div>
        <!-- 网络游戏 -->
        <div class="network-game">
            <div class="top">
                <h3 class="new-icon">网络游戏</h3>
                <div class="play"><a href="#">更多＞</a></div>
            </div>
            <div class="game-content clearfix">
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net01.jpg" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-1">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd><a href="#">武道至尊</a></dd>
                </dl>
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net02.gif" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-2">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd>新仙剑奇侠传5</dd>
                </dl>
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net03.jpg" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-3">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd>龙城飞将</dd>
                </dl>
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net01.jpg" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-4">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd><a href="#">武道至尊</a></dd>
                </dl>
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net02.gif" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-6">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd>新仙剑奇侠传5</dd>
                </dl>
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net03.jpg" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-7">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd>龙城飞将</dd>
                </dl>
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net01.jpg" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-8">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd><a href="#">武道至尊</a></dd>
                </dl>
                <dl>
                    <dt>
                        <a href="#"><img src="../img/net02.gif" alt=""></a>
                        <div class="g_zg">
                            <p class="zg-1">类型：微网游，策略类</p>
                            <p class="zg-2 score-9">评分：</p>
                            <p class="zg-3">人气：123456</p>
                        </div>
                    </dt>
                    <dd>新仙剑奇侠传5</dd>
                </dl>
            </div>
        </div>

        <!--单机游戏-->
        <div class="dj-game clearfix">
            <div class="new-l">
                <div class="top">
                    <h3 class="new-icon">单机游戏</h3>
                    <div class="play"><a href="#">更多＞</a></div>
                </div>
                <div class="new-game">
                    <div class="play-list clearfix">
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-yy.png" alt=""></a></dt>
                            <dd><a href="#">永远的七日之都</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-fy.png" alt=""></a></dt>
                            <dd><a href="#">风云录之独霸天下</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hd.png" alt=""></a></dt>
                            <dd><a href="#">荒岛求生</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="#"><img src="../img/recom-hjh.png" alt=""></a></dt>
                            <dd><a href="#">画江湖之杯莫停</a></dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="new-r">
                <div class="get_gift get_gift1">
                    <div class="top">
                        <h3 class="new-icon">礼包领取</h3>
                        <div class="play"><a href="#">更多＞</a></div>
                    </div>
                    <ul>
                        <li class="hover">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="#">我的使命：独家礼包</a>
                                </p>
                                <p class="p1_2">剩余：100%</p>
                            </div>
                            <div class="p2">
                                <p class="p2_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="#">
                                        <img src="http://img.7724.com/pipaw/logo/2018/06/07/20180607103529.png" alt="我的使命">
                                    </a>
                                </p>
                                <p class="p2_2">
                                    <span class="p2_s_1"><a target="_blank" title="我的使命：独家礼包" href="#">我的使命：独家礼包</a></span>
                                    <span class="p2_s_2">
                                        <strong><em mywidth="100" class="my_percent" style="width: 89%;"></em></strong>
                                        <i>89%</i>
                                    </span>
                                    <span class="p2_s_3">截止时间：2018-08-31</span>
                                </p>
                                <p class="p2_3">
                                    <a target="_blank" href="#">
                                        <span>领取</span>
                                    </a>
                                </p>
                            </div>
                        </li>
                        <li class="">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="/libao/1703.html">我的使命：独家礼包</a>
                                </p>
                                <p class="p1_2">剩余：100%</p>
                            </div>
                            <div class="p2">
                                <p class="p2_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="#">
                                        <img src="http://img.7724.com/pipaw/logo/2018/06/07/20180607103529.png" alt="我的使命">
                                    </a>
                                </p>
                                <p class="p2_2">
                                    <span class="p2_s_1"><a target="_blank" title="我的使命：独家礼包" href="#">我的使命：独家礼包</a></span>
                                    <span class="p2_s_2">
                                        <strong><em mywidth="100" class="my_percent" style="width: 89%;"></em></strong>
                                        <i>89%</i>
                                    </span>
                                    <span class="p2_s_3">截止时间：2018-08-31</span>
                                </p>
                                <p class="p2_3">
                                    <a target="_blank" href="#">
                                        <span>领取</span>
                                    </a>
                                </p>
                            </div>
                        </li>
                        <li class="">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="/libao/1703.html">我的使命：独家礼包</a>
                                </p>
                                <p class="p1_2">剩余：100%</p>
                            </div>
                            <div class="p2">
                                <p class="p2_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="#">
                                        <img src="http://img.7724.com/pipaw/logo/2018/06/07/20180607103529.png" alt="我的使命">
                                    </a>
                                </p>
                                <p class="p2_2">
                                    <span class="p2_s_1"><a target="_blank" title="我的使命：独家礼包" href="#">我的使命：独家礼包</a></span>
                                    <span class="p2_s_2">
                                        <strong><em mywidth="100" class="my_percent" style="width: 89%;"></em></strong>
                                        <i>89%</i>
                                    </span>
                                    <span class="p2_s_3">截止时间：2018-08-31</span>
                                </p>
                                <p class="p2_3">
                                    <a target="_blank" href="#">
                                        <span>领取</span>
                                    </a>
                                </p>
                            </div>
                        </li>
                        <li class="">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="/libao/1703.html">我的使命：独家礼包</a>
                                </p>
                                <p class="p1_2">剩余：100%</p>
                            </div>
                            <div class="p2">
                                <p class="p2_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="#">
                                        <img src="http://img.7724.com/pipaw/logo/2018/06/07/20180607103529.png" alt="我的使命">
                                    </a>
                                </p>
                                <p class="p2_2">
                                    <span class="p2_s_1"><a target="_blank" title="我的使命：独家礼包" href="#">我的使命：独家礼包</a></span>
                                    <span class="p2_s_2">
                                        <strong><em mywidth="100" class="my_percent" style="width: 89%;"></em></strong>
                                        <i>89%</i>
                                    </span>
                                    <span class="p2_s_3">截止时间：2018-08-31</span>
                                </p>
                                <p class="p2_3">
                                    <a target="_blank" href="#">
                                        <span>领取</span>
                                    </a>
                                </p>
                            </div>
                        </li>
                        <li class="">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="/libao/1703.html">我的使命：独家礼包</a>
                                </p>
                                <p class="p1_2">剩余：100%</p>
                            </div>
                            <div class="p2">
                                <p class="p2_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="#">
                                        <img src="http://img.7724.com/pipaw/logo/2018/06/07/20180607103529.png" alt="我的使命">
                                    </a>
                                </p>
                                <p class="p2_2">
                                    <span class="p2_s_1"><a target="_blank" title="我的使命：独家礼包" href="#">我的使命：独家礼包</a></span>
                                    <span class="p2_s_2">
                                        <strong><em mywidth="100" class="my_percent" style="width: 89%;"></em></strong>
                                        <i>89%</i>
                                    </span>
                                    <span class="p2_s_3">截止时间：2018-08-31</span>
                                </p>
                                <p class="p2_3">
                                    <a target="_blank" href="#">
                                        <span>领取</span>
                                    </a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="get_gift get_gift2">
                    <div class="top">
                        <h3 class="new-icon">最新专题</h3>
                        <div class="play"><a href="#">更多＞</a></div>
                    </div>
                    <ul>
                        <li class="hover">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="">那些年被黑过的处女座 强迫症类游戏推荐</a>
                                </p>
                                <p class="p1_2">10-12</p>
                            </div>
                            <div class="p2">
                                <a href=""><img src="../img/zwyqh.jpg" alt=""></a>
                            </div>
                        </li>
                        <li class="">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="">精品消除类手机小游戏大全</a>
                                </p>
                                <p class="p1_2">10-12</p>
                            </div>
                            <div class="p2">
                                <a href=""><img src="../img/jpxc.jpg" alt=""></a>
                            </div>
                        </li>
                        <li class="">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="">那些年被黑过的处女座 强迫症类游戏推荐</a>
                                </p>
                                <p class="p1_2">10-12</p>
                            </div>
                            <div class="p2">
                                <a href=""><img src="../img/zwyqh.jpg" alt=""></a>
                            </div>
                        </li>
                        <li class="">
                            <div class="p1">
                                <p class="p1_1">
                                    <a target="_blank" title="我的使命：独家礼包" href="">精品消除类手机小游戏大全</a>
                                </p>
                                <p class="p1_2">10-12</p>
                            </div>
                            <div class="p2">
                                <a href=""><img src="../img/jpxc.jpg" alt=""></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 游戏榜单 -->
        <div class="game-list">
            <div class="top">
                <h3 class="new-icon">游戏榜单</h3>
            </div>
            <div class="content clearfix">
                <div class="rank">
                    <div class="title">
                        <h3 class="text">单机排行榜</h3>
                        <div class="play"><a href="#">更多＞</a></div>
                    </div>
                    <table>
                        <tr>
                            <th class="th1">排名</th>
                            <th class="th2">游戏</th>
                            <th class="th3">类型</th>
                            <th class="th4">热度</th>
                        </tr>
                        <tr class="pm1">
                            <td class="td1"><span>1</span></td>
                            <td class="td2"><a href="#">球球大作战</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">744811<i class="up"></i></td>
                        </tr>
                        <tr class="pm2">
                            <td class="td1"><span>2</span></td>
                            <td class="td2"><a href="#">跳舞的线</a></td>
                            <td class="td3">动作</td>
                            <td class="td4">570290<i class="up"></i></td>
                        </tr>
                        <tr class="pm3">
                            <td class="td1"><span>3</span></td>
                            <td class="td2"><a href="#">蓝瘦香菇大冒险</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="down"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>4</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>5</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>6</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>7</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>8</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>9</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>10</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>11</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>12</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>13</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>14</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>15</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>16</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                    </table>
                </div>
                <div class="rank">
                    <div class="title">
                        <h3 class="text">新游排行榜</h3>
                        <div class="play"><a href="#">更多＞</a></div>
                    </div>
                    <table>
                        <tr>
                            <th class="th1">排名</th>
                            <th class="th2">游戏</th>
                            <th class="th3">类型</th>
                            <th class="th4">热度</th>
                        </tr>
                        <tr class="pm1">
                            <td class="td1"><span>1</span></td>
                            <td class="td2"><a href="#">球球大作战</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">744811<i class="up"></i></td>
                        </tr>
                        <tr class="pm2">
                            <td class="td1"><span>2</span></td>
                            <td class="td2"><a href="#">跳舞的线</a></td>
                            <td class="td3">动作</td>
                            <td class="td4">570290<i class="up"></i></td>
                        </tr>
                        <tr class="pm3">
                            <td class="td1"><span>3</span></td>
                            <td class="td2"><a href="#">蓝瘦香菇大冒险</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="down"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>4</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>5</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>6</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>7</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>8</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>9</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>10</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>11</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>12</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>13</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>14</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>15</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>16</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                    </table>
                </div>
                <div class="rank">
                    <div class="title">
                        <h3 class="text">网游排行榜</h3>
                        <div class="play"><a href="#">更多＞</a></div>
                    </div>
                    <table>
                        <tr>
                            <th class="th1">排名</th>
                            <th class="th2">游戏</th>
                            <th class="th3">类型</th>
                            <th class="th4">热度</th>
                        </tr>
                        <tr class="pm1">
                            <td class="td1"><span>1</span></td>
                            <td class="td2"><a href="#">球球大作战</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">744811<i class="up"></i></td>
                        </tr>
                        <tr class="pm2">
                            <td class="td1"><span>2</span></td>
                            <td class="td2"><a href="#">跳舞的线</a></td>
                            <td class="td3">动作</td>
                            <td class="td4">570290<i class="up"></i></td>
                        </tr>
                        <tr class="pm3">
                            <td class="td1"><span>3</span></td>
                            <td class="td2"><a href="#">蓝瘦香菇大冒险</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="down"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>4</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>5</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>6</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>7</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>8</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>9</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>10</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>11</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>12</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>13</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>14</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>15</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                        <tr>
                            <td class="td1"><span>16</span></td>
                            <td class="td2"><a href="#">高速公路骑手</a></td>
                            <td class="td3">休闲</td>
                            <td class="td4">528506<i class="up"></i></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>


<!-- 遮罩 -->
<div class="box_opacity" style="display: none;"></div>

<!-- 登录弹窗 -->
<div class="my_box login_box" style="display: none;">
    <div class="box_close"></div>
    <div class="box_tit_login box_tit_login_active">登录</div>
    <div class="box_tit_reg">注册</div>
    <div class="box_tit_login_horm"></div>
    <!-- 提交的url -->
    <input type="hidden" name="submit_url" value="/user/login">
    <!-- 处理记住的用户名和密码 -->

    <ul class="input_box clearfix">
        <li>
            <div class="text_out" style="border:1px solid #b6c0cc;">
                <span class="user_ico"></span>
                <input type="text" name="mobile" class="box_tx1" placeholder="请输入手机号码" value="">
            </div>
            <div class="error_font mobile_error">
                <span class="mobile_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
        </li>
        <li>
            <div class="text_out" style="border:1px solid #b6c0cc;">
                <span class="password_ico"></span>
                <input type="password" class="box_tx1" name="passwd" placeholder="请输入密码" value="">
                <input type="hidden" name="playUrl" id="playUrl">
            </div>
            <div class="error_font passwd_error">
                <span class="passwd_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
        </li>
        <li style="margin-top:0;">
            <div class="myforget">
                <div class="rem_box"></div><span>记住密码</span>
                <a href="javascript:;" class="a_forget" id="pc_password_forget" style="margin-right:-6px;">忘记密码？</a>
            </div>
        </li>
        <li><input type="button" class="box_bt" id="bt_pc_login" value="登录"></li>
        <li style="margin-top:0;"><input type="button" class="box_bt1" id="pc_user_register" value="新用户注册"></li>

    </ul>
    <div class="another_login" style="">
        <span>其他登录方式：</span>
        <!-- pc 微信扫码登录 -->
        <a href="//www.7724.com/weixin/pc_login.php" class="a_wx">微信登录</a>
        <a href="//www.7724.com/web_qq/pc_login.php" id="web_qq_login-1" class="a_qq">QQ登录</a>
        <a href="//www.7724.com/weibo/login_index.php" class="a_sina">新浪微博登录</a>

    </div>
</div>

<!--注册弹窗-->
<div class="my_box register_box" style="display: none;">
    <div class="box_close"></div>
    <div class="box_tit_login">登录</div>
    <div class="box_tit_reg box_tit_reg_active">注册</div>
    <div class="box_tit_reg_horm"></div>
    <ul class="input_box clearfix">
        <li>
            <div class="reg_scroll_box">
                <div class="another_login" style="justify-content: flex-start;padding-top:10px;margin-bottom: -10px;border: none;height: 60px;line-height: 60px;">
                    <span style="font-size: 14px;">其他社交账号注册：</span>
                    <!-- pc 微信扫码登录 -->
                    <a href="//www.7724.com/weixin/pc_login.php" class="a_wx">微信登录</a>
                    <a href="//www.7724.com/web_qq/pc_login.php" id="web_qq_login-2" class="a_qq">QQ登录</a>
                    <a href="//www.7724.com/weibo/login_index.php" class="a_sina">新浪微博登录</a>
                </div>
                <!-- 提交的url -->
                <input type="hidden" name="submit_url" value="/user/pcRegister">
            </div>
        </li>
        <li>
            <div class="text_out">
                <span class="user_ico"></span>
                <input type="text" class="box_tx1" name="mobile" placeholder="输入手机号码" onblur="checkMobileBlur(this)">
            </div>
            <div class="error_font mobile_error">
                <span class="mobile_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
        </li>
        <li>
            <div class="text_out">
                <span class="password_ico"></span>
                <input type="password" class="box_tx1" name="passwd" placeholder="输入6-15位密码">
            </div>
            <div class="error_font passwd_error" style="right:40px;">
                <span class="passwd_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
            <div class="pwd_ico"></div>
        </li>
        <li>
            <div class="text_out">
                <span class="password_ico"></span>
                <input type="password" class="box_tx1" name="sure_passwd" placeholder="再次输入密码">
            </div>
            <div class="error_font sure_passwd_error" style="right:40px;">
                <span class="sure_passwd_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
            <div class="pwd_ico"></div>
        </li>
        <li class="general_li_reg">
            <div class="text_out text_out_short">
                <span class="yz_ico"></span>
                <input type="text" class="box_tx1" style="width: 165px;" placeholder="请输入右边验证码答案" name="mobile_code">
            </div>
            <div class="h5_yzm" style="margin-left:10px;"><img src="../img/captcha.png" style="cursor:pointer;height: 46px;width: 150px;vertical-align:text-bottom;" onclick="this.src='/validatecode/captcha.php?'+Math.random();"></div>
            <div class="error_font yz_error" style="top:32px;left:0;">
                <span class="yz_error yz_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
        </li>
        <li class="mobile_li_reg" style="/*display: none;*/">
            <div class="text_out text_out_short clearfix">
                <span class="yzm_ico"></span>
                <input type="text" class="box_tx1" style="width:170px" name="mobile_yzm" placeholder="输入手机验证码">
            </div>
            <em class="send_yzm" onclick="getCode(1)">发送验证码</em><!--点击以后class为new_send_yzm-->
            <div class="error_font mobile_yzm_error" style="left: 0;top: 40px;">
                <img src="../img/error.png" alt="">
                <span class="mobile_yzm_error_text">错误提示</span>
            </div>
        </li>
        <li class="text_out_1">
            <div><b style="color:#666;font-size:13px;">实名验证</b>（例如：张三&nbsp;&nbsp;身份证号：441681198901016627）</div>
        </li>
        <li>
            <div class="text_out" style="width:160px;">
                <span class="user_name"></span>
                <input type="text" class="box_tx1" style="width:125px;" name="user_relname" placeholder="真实姓名" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
                <div class="error_font relname_error">
                    <span class="relname_error_text"></span>
                    <img src="../img/error.png" alt="">
                </div>
            </div>
            <div class="text_out" style="width:305px;margin-left:10px;">
                <span class="user_id"></span>
                <input type="text" class="box_tx1" style="width:260px;" name="user_card" placeholder="输入16位或18位身份证号码" onkeyup="value=value.replace(/[^a-zA-Z0-9]/g,'')">
                <div class="error_font id_error">
                    <span class="id_error_text"></span>
                    <img src="../img/error.png" alt="">
                </div>
            </div>
        </li>
        <li><input type="button" class="box_bt" id="bt_pc_register" value="注册"></li>
        <li>
            <div class="agree">
                <div class="checkbox"></div>
                <span class="tiaokuan">
                    同意<a href="/agreement.html" target="_blank">《7724用户服务协议》</a>
                </span>
            </div>
            <div class="agree_error">
                <span>请阅读服务协议</span>
                <img src="../img/error.png">
            </div>
            <div class="agree ret_login">
                <span>已有账号&nbsp;</span><a href="javascript:void(0);" id="pc_user_login">马上登录</a>
            </div>
        </li>
    </ul>
</div>

<!--找回密码弹窗-->
<div class="my_box find_p_box" style="display: none;">
    <div class="box_close"></div>
    <div class="box_tit_pwd">找回密码</div>
    <!-- 提交的url -->
    <input type="hidden" name="submit_url" value="/user/findPwd">

    <ul class="input_box clearfix">
        <li style="margin-top:0;">
            <div class="text_out">
                <span class="user_ico"></span>
                <input type="text" class="box_tx1" name="mobile" placeholder="输入手机号码">
            </div>
            <div class="error_font mobile_error">
                <span class="mobile_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
        </li>
        <li class="general_li_reg">
            <div class="text_out text_out_short">
                <span class="yz_ico"></span>
                <input type="text" class="box_tx1" style="width: 165px;" placeholder="请输入右边验证码答案" name="mobile_code">
            </div>
            <div class="h5_yzm" style="margin-left:10px;"><img src="../img/captcha.png" style="cursor:pointer;height:46px;width: 150px;vertical-align:text-bottom;" onclick="this.src='/validatecode/captcha.php?'+Math.random();"></div>
            <div class="error_font yz_error" style="top:32px;left:0;">
                <span class="yz_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
        </li>
        <li style="margin-bottom:5px;">
            <div class="text_out  text_out_short">
                <span class="yzm_ico"></span>
                <input type="text" class="box_tx1" style="width:170px" name="mobile_yzm" placeholder="输入手机验证码">
            </div>
            <em class="send_yzm" onclick="getCode(2)">发送验证码</em><!--点击以后class为new_send_yzm-->
            <div class="error_font mobile_yzm_error" style="left:0px;top:35px;">
                <img src="../img/error.png" alt="">
                <span class="mobile_yzm_error_text">错误提示</span>
            </div>
        </li>

        <li>
            <div class="text_out">
                <span class="password_ico"></span>
                <input type="password" class="box_tx1" name="passwd" placeholder="输入新6-15位密码">
            </div>
            <div class="error_font passwd_error" style="right:40px;">
                <span class="passwd_error_text">错误提示</span>
                <img src="../img/error.png" alt="">
            </div>
            <div class="pwd_ico"></div>
        </li>
        <li><input type="button" id="find_pwd_pc" class="box_bt" value="提交"></li>
    </ul>
    <div class="find_p_box_font">找回密码需要账号绑定手机或者用手机号码注册的账号！ <a class="ret_login" href="javascript:void(0)">返回登录</a></div>

</div>

#include("./common/footer.html")

<script>

    function checkMobileBlur(ele) { // 验证手机号格式
        if (!/^1\d{2}\d{8}$/.test(ele.value)) {
            $(ele).parent().siblings('.error_font').show().children('.mobile_error_text').text('手机号格式不正确');
        } else {
            $(ele).parent().siblings('.error_font').hide();
        }
    }

</script>
</body>
</html>